<template>
  <div class="test-page">
    <!-- <h2>温度折线图测试页面</h2> -->

    <!-- 使用组件，传入图纸信息 -->
    <LineChartWithRuler :drawingInfo="drawingInfo" />
  </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import LineChartWithRuler from './LineChartWithRuler.vue';

interface DrawingInfo {
  drawingNumber: string;
  equipmentNumber: string;
  drawingBy: string;
  inspector: string;
  approvalBy?: string;
  date?: string;
  scale?: string;
  material?: string;
  remarks?: string;
}

@Component({
  components: {
    LineChartWithRuler
  }
})
export default class TestPage extends Vue {
  // 图纸信息配置
  drawingInfo: DrawingInfo = {
    drawingNumber: 'TEMP-2024-001',
    equipmentNumber: 'EQ-TEMP-001',
    drawingBy: '张三',
    inspector: '李四',
    approvalBy: '王五',
    date: new Date().toLocaleDateString(),
    scale: '1:1',
    material: '不锈钢316L',
    remarks: '温度监控图表 - 24小时连续监测'
  };
}
</script>

<style scoped>
.test-page {
  padding: 20px;
}

h2 {
  margin-bottom: 20px;
  color: #333;
}
</style>
